Single-Field Inline Edit
Allowing the user to directly edit a line of text (the title of a photo or post) by clicking on the text itself. When using this method, one must consider that an inline edit may not be obvious to all users. A link inviting the user to edit may be used, but be careful of cluttering the page. Allows the user to directly edit a single line of text.




Multi-Field Inline Edit
A pattern used for editing multiple values inline. You would use this pattern when the user needs to edit multiple fields of data. It is best to clearly indicate to the user they are in edit mode. It is also important for the switching between modes to be seamless.

[ invalid file: MultiLineEdit.flv ]

Overlay Edit


Table Edit
With the Table Edit, the user can adjust tables and spreadsheets by dragging and resizing. Excell was a good example of this.
  1. Avoid making the mouse hover activate editing in cells because it makes interaction difficult and can "trap" users.\
  2. Try to use a conventional layout for cell navigation - Like Microsoft Excel.

[ invalid file: tabeleedit_team3.flv ]
Group Edit


Module Configuration

Module configuration is the ability to configure and edit individual modules, a self contained element most users would find on a personalized home page. It works by having editing parameters for each informative part of the module. Some issues or concerns could include: Creating too much visual noise on the page, and possible unintuitive dragging and dropping of elements.